<!DOCTYPE html>
<%@ page contentType="text/html; charset=utf-8" %>
<%@ page language="java" pageEncoding="utf-8"%>

<%@ include file="header.jsp" %>

<body>
<div id="login" data-role="page">

	<header data-role="header" data-position="fixed">
      <h1>Witaj na platformie e-prawo jazdy</h1>
    </header>

    <section data-role="content">

    <!-- ERROR MESSAGE -->
        <%@ taglib prefix="s" uri="/struts-tags"%>
    <s:if test="hasActionErrors()">
   		<a id="linkErrorLogin" href="#errorLogin" data-rel="popup" data-position-to="window" data-transition="flip" data-theme="a" data-overlay-theme="a"></a>
   		<div data-role="popup" id="errorLogin">
			<div class="errorPopup">
				<h4><s:actionerror/></h4>
			</div>
		</div>
		<script>
			$("#linkErrorLogin").click();
		</script>
	</s:if>
	
	    <form action="userLogin.action" method="post" id="loginPan">
	      	<div data-role="fieldcontain">
			    <label for="login">Login:</label>
			    <input type="text" name="login" id="login" value placeholder="Login" class="required" minlength="3"/>
			</div>	
			<div data-role="fieldcontain">
			    <label for="password">Hasło:</label>
	 		    <input type="password" name="password" id="password" value placeholder="Hasło" class="required" minlength="3"/>
			</div>
			
			<input type="submit" value="Zaloguj się" />
		</form>
		
		<a href="rejestracja.jsp" data-transition="fade" data-ajax="false" >Zarejestruj</a>
		<br>
		<a href="emailer!toPage.action" data-transition="fade">Zapomniałem hasła</a>
    </section>
 
    <div data-role="footer">
		<h4>E-PRAWO JAZDY</h4>
	</div>
</div>



</body>
</html>